.lb-picker {
	position: relative;

	.lb-picker-mask {
		position: fixed;
		z-index: 999;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
	}

	.lb-picker-container {
		width: 100%;
		position: fixed;
		left: 0;
		bottom: 0;
		transform: translateY(100%);
		backface-visibility: hidden;
		background-color: #efeff4;
		box-shadow: 0px 0px 1px 0px #e5e5e5;
		visibility: hidden;
		overflow: hidden;
		z-index: 999;
		transition: all 0.3s;

		&.lb-picker-toggle {
			visibility: visible;
			transform: translate(0);
		}

		.lb-picker-header {
			position: relative;
			font-size: 36rpx;
			box-sizing: border-box;
			background-color: $uni-bg-color;
			display: flex;
			justify-content: space-between;

			&::after {
				content: "";
				position: absolute;
				left: 0;
				bottom: 0;
				right: 0;
				height: 1px;
				clear: both;
				border-bottom: 1px solid #e5e5e5;
				color: #e5e5e5;
				transform-origin: 0 100%;
				-webkit-transform: scaleY(0.5);
				transform: scaleY(0.5);
			}

			.lb-picker-action {
				font-size: 32rpx;
				padding: 0 28rpx;
				display: flex;
				align-items: center;

				.lb-picker-action-cancel {
					color: #999;
				}

				.lb-picker-action-confirm {
					color: #007aff;
				}
			}
		}

		.lb-picker-content {
			position: relative;
			width: 100%;
			background-color: #fff;
			font-size: 32rpx;

			.uni-picker-view-indicator {
				&::after {
					bottom: 1px;
				}
			}

			.lb-picker-loading,
			.lb-picker-empty {
				height: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.lb-picker-loading {
				.lb-picker-loading-img {
					width: 64rpx;
					height: 64rpx;
					background-image: url();
					background-repeat: no-repeat;
					background-size: 100% 100%;
					animation: rotating 2s linear infinite;
				}
			}

			.lb-picker-empty {
				font-size: 32rpx;

				.lb-picker-empty-text {
					color: #999;
				}
			}
		}
	}

	&.lb-picker-inline {
		.lb-picker-container {
			position: relative;
			visibility: visible;
			box-shadow: unset;
			transform: translateY(0);
		}
	}
}

@keyframes rotating {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}